<!DOCTYPE html>
<html lang="zh">
<head>
  <title>HTML 是什么？它的全称是什么？它在 Web 开发中的作用是什么？-JavaScript中文网-JavaScript教程资源分享门户</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta name="format-detection" content="telephone=no,email=no">
  <meta name="keywords" content="HTML 是什么？它的全称是什么？它在 Web 开发中的作用是什么？">
  <meta name="description" content='推荐答案 HTML (HyperText Markup Language) 是一种用于创建网页结构的标记语言。它不是编程语言，而是一种描述文档结构的语言，使用标签来定义内容的不同部分，如标题、段落、图像、链接等。'>
  <meta name="referrer" content="always">
  <meta name="baidu-site-verification" content="codeva-GPyKJprPZL">
  <meta name="bytedance-verification-code" content="UkNiAvrvSMhQRExnFC5n">
  <meta name="baidu_union_verify" content="67d194338916ad63db2dab2127b53fa4">
  <link title="RSS" type="application/rss+xml" rel="alternate" href="/rss">
  <link rel="icon" href="/public/favicon.ico" type="image/x-icon">
  <link rel="next" href="/interview-html/677ca9978b8a233caf4d648a.html" title="HTML5 与 HTML4 的主要区别是什么？列举一些 HTML5 的新特性。">
  <link href="/public/dist/main.css" rel="stylesheet"><script defer src="/public/dist/main.js"></script>
  <script type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
</head>
<body>
<nav class="fixed top-0 left-0 right-0 w-full bg-white shadow z-50">
  <div class="max-w-7xl mx-auto px-4">
    <div class="flex items-center h-14">
      <h1 class="flex items-center pr-2">
        <a href="/" title="JavaScript中文网" class="text-xl font-bold">JavaScript中文网</a>
      </h1>
      <div class="hidden absolute top-14 left-0 right-0 border bg-white lg:static lg:border-none lg:block" id="navbar-menu">
        <ul class="flex flex-col lg:flex-row text-sm">
          <li><a class="px-3 h-14 leading-[3.5rem] block hover:bg-slate-50 hover:text-blue-600" href="/">首页</a></li>
          <li><a class="px-3 h-14 leading-[3.5rem] block hover:bg-slate-50 hover:text-blue-600" href="/interview/">面试题库</a></li>
          <li><a class="px-3 h-14 leading-[3.5rem] block hover:bg-slate-50 hover:text-blue-600" href="/article/">技术文章</a></li>
        </ul>
      </div>

      <div class="ml-auto">
        <div class="hidden lg:flex items-center">
          <div class="flex-shrink-0">
            <form method="post" action="/search" target="_blank" class="flex">
              <input class="py-1.5 px-2 rounded-l-md border border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" type="text" name="q" placeholder="搜索 教程/面试题/文章"/>
              <input type="hidden" name="e" />
            </form>
          </div>
        </div>
        <a role="button" class="flex lg:hidden navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>
    </div>
  </div>
</nav>

<div class="max-w-7xl mx-auto py-4 flex flex-col md:flex-row gap-6 px-4">
    <div class="w-full md:w-64">
      <div class="sticky top-16 rounded shadow bg-white ">
        <div class="flex items-center justify-between pl-4 border-b py-1.5">
          <a href="/interview-html/" class="text-lg font-medium text-gray-900 hover:text-blue-600 truncate" title="HTML 面试题">HTML 面试题</a>
          
            <span class="text text-gray-500 flex-shrink-0 md:hidden cursor-pointer px-4 py-1" id="summary_btn">目录</span>
          
        </div>
        <div class="hidden md:block overflow-y-auto max-h-[calc(100vh-8rem)]" id="summary">
          <nav class="py-2">
            
              
              <ul class="ml-2">
                
                  <li>
                    <a href='/interview-html/677ca98d8b8a233caf4d63f3.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 is-active"
                        title='HTML 是什么？它的全称是什么？它在 Web 开发中的作用是什么？'>
                      HTML 是什么？它的全称是什么？它在 Web 开发中的作用是什么？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9978b8a233caf4d648a.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='HTML5 与 HTML4 的主要区别是什么？列举一些 HTML5 的新特性。'>
                      HTML5 与 HTML4 的主要区别是什么？列举一些 HTML5 的新特性。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca99e8b8a233caf4d6521.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='常用的 HTML 标签有哪些？请列举至少 10 个。'>
                      常用的 HTML 标签有哪些？请列举至少 10 个。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9a48b8a233caf4d65b8.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='&lt;!DOCTYPE html&gt; 的作用是什么？'>
                      &lt;!DOCTYPE html&gt; 的作用是什么？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9ab8b8a233caf4d664f.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='a 标签的 target 属性有哪些值？分别有什么作用？'>
                      a 标签的 target 属性有哪些值？分别有什么作用？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9b48b8a233caf4d66e6.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何在 HTML 页面中插入图片？img 标签的 alt 属性有什么作用？'>
                      如何在 HTML 页面中插入图片？img 标签的 alt 属性有什么作用？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9bc8b8a233caf4d677d.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是 HTML 的语义化？为什么要使用语义化标签？'>
                      什么是 HTML 的语义化？为什么要使用语义化标签？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9c48b8a233caf4d6814.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='head 和 body 标签的作用分别是什么？'>
                      head 和 body 标签的作用分别是什么？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9cd8b8a233caf4d68ab.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='div 和 span 标签的区别是什么？'>
                      div 和 span 标签的区别是什么？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9d48b8a233caf4d6942.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何在 HTML 页面中创建表格？'>
                      如何在 HTML 页面中创建表格？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9de8b8a233caf4d69d9.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='form 标签的作用是什么？常用的表单元素有哪些？'>
                      form 标签的作用是什么？常用的表单元素有哪些？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9ed8b8a233caf4d6a70.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='input 标签的 type 属性有哪些值？'>
                      input 标签的 type 属性有哪些值？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677ca9f88b8a233caf4d6b07.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='label 标签的作用是什么？'>
                      label 标签的作用是什么？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cacb09a24a6fa6add2a20.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何在 HTML 页面中嵌入视频和音频？'>
                      如何在 HTML 页面中嵌入视频和音频？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa138b8a233caf4d6b9e.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是块级元素和行内元素？请分别列举几个常见的块级元素和行内元素。'>
                      什么是块级元素和行内元素？请分别列举几个常见的块级元素和行内元素。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cacbc9a24a6fa6add2ab7.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请解释一下 HTML 的盒模型。'>
                      请解释一下 HTML 的盒模型。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa2f8b8a233caf4d6c35.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML 实现一个三栏布局？'>
                      如何使用 HTML 实现一个三栏布局？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa368b8a233caf4d6ccc.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下 iframe 的作用和使用场景，以及它的优缺点。'>
                      请描述一下 iframe 的作用和使用场景，以及它的优缺点。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa3e8b8a233caf4d6d63.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何在 HTML 页面中引入 CSS 样式？有哪些方式？'>
                      如何在 HTML 页面中引入 CSS 样式？有哪些方式？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa488b8a233caf4d6dfa.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='HTML5 的本地存储有哪些方式？它们之间有什么区别？'>
                      HTML5 的本地存储有哪些方式？它们之间有什么区别？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa518b8a233caf4d6e91.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是 data-* 属性？它的作用是什么？'>
                      什么是 data-* 属性？它的作用是什么？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cacc59a24a6fa6add2b4e.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 Canvas 绘制一个矩形？'>
                      如何使用 HTML5 的 Canvas 绘制一个矩形？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cacd39a24a6fa6add2be5.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 Geolocation API 获取用户的地理位置？'>
                      如何使用 HTML5 的 Geolocation API 获取用户的地理位置？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa848b8a233caf4d6f28.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是 Web Workers？如何使用它们？'>
                      什么是 Web Workers？如何使用它们？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa8e8b8a233caf4d6fbf.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 Drag and Drop API 实现拖拽功能？'>
                      如何使用 HTML5 的 Drag and Drop API 实现拖拽功能？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caa988b8a233caf4d7056.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何优化 HTML 页面的加载速度？'>
                      如何优化 HTML 页面的加载速度？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caaa38b8a233caf4d70ed.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何处理 HTML 页面中的特殊字符？'>
                      如何处理 HTML 页面中的特殊字符？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caaaf8b8a233caf4d7184.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是响应式设计？如何使用 HTML 实现响应式布局？'>
                      什么是响应式设计？如何使用 HTML 实现响应式布局？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caaba8b8a233caf4d721b.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下你对 ARIA 属性的理解，以及它在可访问性方面的作用。'>
                      请描述一下你对 ARIA 属性的理解，以及它在可访问性方面的作用。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caac18b8a233caf4d72b2.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 details 和 summary 标签创建一个可折叠的内容区域？'>
                      如何使用 HTML5 的 details 和 summary 标签创建一个可折叠的内容区域？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caaca8b8a233caf4d7349.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下 Shadow DOM 的概念和作用。'>
                      请描述一下 Shadow DOM 的概念和作用。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caad58b8a233caf4d73e0.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是 Custom Elements？如何创建和使用自定义元素？'>
                      什么是 Custom Elements？如何创建和使用自定义元素？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caae18b8a233caf4d7477.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 Service Workers 实现离线访问？'>
                      如何使用 Service Workers 实现离线访问？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caae98b8a233caf4d750e.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 template 标签创建 HTML 模板？'>
                      如何使用 template 标签创建 HTML 模板？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caaf78b8a233caf4d75a5.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下你对 Web Components 的理解。'>
                      请描述一下你对 Web Components 的理解。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab028b8a233caf4d763c.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 History API 实现无刷新页面更新？'>
                      如何使用 HTML5 的 History API 实现无刷新页面更新？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab0c8b8a233caf4d76d3.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 MutationObserver API 监听 DOM 变化？'>
                      如何使用 HTML5 的 MutationObserver API 监听 DOM 变化？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab158b8a233caf4d776a.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 contenteditable 属性实现一个简单的富文本编辑器？'>
                      如何使用 HTML5 的 contenteditable 属性实现一个简单的富文本编辑器？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab1e8b8a233caf4d7801.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下你对 Progressive Web Apps (PWA) 的理解，以及 HTML 在其中的作用。'>
                      请描述一下你对 Progressive Web Apps (PWA) 的理解，以及 HTML 在其中的作用。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab2c8b8a233caf4d7898.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何构建一个高性能、可访问性良好的 HTML 页面？'>
                      如何构建一个高性能、可访问性良好的 HTML 页面？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab378b8a233caf4d792f.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请解释 a 标签中 rel 属性的作用，并列举一些常用的属性值。'>
                      请解释 a 标签中 rel 属性的作用，并列举一些常用的属性值。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab418b8a233caf4d79c6.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 meter 和 progress 标签创建进度条？'>
                      如何使用 HTML5 的 meter 和 progress 标签创建进度条？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab488b8a233caf4d7a5d.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 datalist 标签为 input 元素创建自动完成建议列表？'>
                      如何使用 HTML5 的 datalist 标签为 input 元素创建自动完成建议列表？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab4f8b8a233caf4d7af4.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 figure 和 figcaption 标签为图片添加说明？'>
                      如何使用 HTML5 的 figure 和 figcaption 标签为图片添加说明？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab558b8a233caf4d7b8b.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 mark 标签高亮显示文本？'>
                      如何使用 HTML5 的 mark 标签高亮显示文本？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab608b8a233caf4d7c22.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='HTML5 中新增了哪些语义化标签？请列举并说明其作用。'>
                      HTML5 中新增了哪些语义化标签？请列举并说明其作用。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab6c8b8a233caf4d7cb9.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何在 HTML 页面中定义文档的元数据？'>
                      如何在 HTML 页面中定义文档的元数据？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab748b8a233caf4d7d50.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是 Microdata？如何在 HTML 中使用 Microdata？'>
                      什么是 Microdata？如何在 HTML 中使用 Microdata？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab7c8b8a233caf4d7de7.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 picture 元素根据不同的屏幕尺寸显示不同的图片？'>
                      如何使用 HTML5 的 picture 元素根据不同的屏幕尺寸显示不同的图片？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab878b8a233caf4d7e7e.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下你对 Web Accessibility (Web 可访问性) 的理解，以及 HTML 在其中的作用。'>
                      请描述一下你对 Web Accessibility (Web 可访问性) 的理解，以及 HTML 在其中的作用。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cab928b8a233caf4d7f15.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 required 属性实现表单验证？'>
                      如何使用 HTML5 的 required 属性实现表单验证？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677caba28b8a233caf4d7fac.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 pattern 属性对表单输入进行正则验证？'>
                      如何使用 HTML5 的 pattern 属性对表单输入进行正则验证？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabb08b8a233caf4d8043.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 output 标签显示计算结果或脚本输出？'>
                      如何使用 HTML5 的 output 标签显示计算结果或脚本输出？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabb58b8a233caf4d80da.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下 a 标签的 download 属性的作用。'>
                      请描述一下 a 标签的 download 属性的作用。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabbc8b8a233caf4d8171.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 meta name=&#34;viewport&#34; 标签控制移动端页面的视口？'>
                      如何使用 HTML5 的 meta name=&#34;viewport&#34; 标签控制移动端页面的视口？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabc28b8a233caf4d8208.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何在 HTML 页面中指定字符编码？'>
                      如何在 HTML 页面中指定字符编码？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabca8b8a233caf4d829f.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 link rel=&#34;preload&#34; 预加载资源？'>
                      如何使用 HTML5 的 link rel=&#34;preload&#34; 预加载资源？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabd48b8a233caf4d8336.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 link rel=&#34;prefetch&#34; 预获取资源？'>
                      如何使用 HTML5 的 link rel=&#34;prefetch&#34; 预获取资源？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabdb8b8a233caf4d83cd.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下你对渐进增强和优雅降级的理解。'>
                      请描述一下你对渐进增强和优雅降级的理解。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabe38b8a233caf4d8464.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 audio 和 video 标签的 controls 属性添加媒体播放控件？'>
                      如何使用 HTML5 的 audio 和 video 标签的 controls 属性添加媒体播放控件？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabeb8b8a233caf4d84fb.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 audio 和 video 标签的 preload 属性控制媒体的预加载行为？'>
                      如何使用 HTML5 的 audio 和 video 标签的 preload 属性控制媒体的预加载行为？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabf28b8a233caf4d8592.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 source 标签为 audio 和 video 元素指定多个媒体源？'>
                      如何使用 HTML5 的 source 标签为 audio 和 video 元素指定多个媒体源？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cabfc8b8a233caf4d8629.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='什么是 Polyfill？如何使用 Polyfill 来支持旧浏览器的 HTML5 特性？'>
                      什么是 Polyfill？如何使用 Polyfill 来支持旧浏览器的 HTML5 特性？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac048b8a233caf4d86c0.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 canvas 元素绘制一个圆形？'>
                      如何使用 HTML5 的 canvas 元素绘制一个圆形？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac0b8b8a233caf4d8757.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 svg 元素绘制一个矩形？'>
                      如何使用 HTML5 的 svg 元素绘制一个矩形？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac138b8a233caf4d87ee.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下 canvas 和 svg 的区别和各自的适用场景。'>
                      请描述一下 canvas 和 svg 的区别和各自的适用场景。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac208b8a233caf4d8885.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 localStorage 和 sessionStorage 存储数据？'>
                      如何使用 HTML5 的 localStorage 和 sessionStorage 存储数据？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac2d8b8a233caf4d891c.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 applicationCache 实现离线应用？它的优缺点是什么？'>
                      如何使用 HTML5 的 applicationCache 实现离线应用？它的优缺点是什么？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac388b8a233caf4d89b3.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下你对 Web Storage API 的理解，以及它与 Cookie 的区别。'>
                      请描述一下你对 Web Storage API 的理解，以及它与 Cookie 的区别。
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac428b8a233caf4d8a4a.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 postMessage API 实现跨域通信？'>
                      如何使用 HTML5 的 postMessage API 实现跨域通信？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac4e8b8a233caf4d8ae1.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='如何使用 HTML5 的 WebSocket API 实现实时通信？'>
                      如何使用 HTML5 的 WebSocket API 实现实时通信？
                    </a>
                  </li>
                
                  <li>
                    <a href='/interview-html/677cac648b8a233caf4d8b78.html' 
                        class="block pl-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 hover:text-blue-600 hover:border-l-2 hover:border-blue-500 transition-all truncate visited:text-stone-500 "
                        title='请描述一下你对 WebRTC 的理解，以及它在实时通信方面的应用。'>
                      请描述一下你对 WebRTC 的理解，以及它在实时通信方面的应用。
                    </a>
                  </li>
                
              </ul>
            
          </nav>
        </div>
      </div>
    </div>

    <div class="lg:flex-1 overflow-auto">
      <section class="rounded shadow">

        <nav class="mb-4">
          <ol class="flex items-center space-x-2 text-sm truncate" data-code="10">
            <li><a href="/" class="text-gray-600 hover:text-blue-600">首页</a></li>
            <li class="text-gray-400">/</li>
            <li><a href="/interview/" class="text-gray-600 hover:text-blue-600 truncate">面试题库</a></li>
            <li class="text-gray-400">/</li>
            <li><a href="/interview-html/" class="text-gray-600 hover:text-blue-600 truncate">HTML 面试题</a></li>
            <li class="text-gray-400">/</li>
            <li class="text-gray-900 truncate">HTML 是什么？它的全称是什么？它在 Web 开发中的作用是什么？</li>
          </ol>
        </nav>
        <div class="flex justify-end mb-4 space-x-4">
            <a href="/interview-html/677ca9978b8a233caf4d648a.html" class="text-gray-500 hover:text-blue-800" title="HTML5 与 HTML4 的主要区别是什么？列举一些 HTML5 的新特性。" >HTML5 与 HTML4 的主要区别是什么？列举一些 HTML5 的新特性。 &rarr; </a>
        </div>
        <h1 class="text-3xl font-bold text-gray-900 mb-4">HTML 是什么？它的全称是什么？它在 Web 开发中的作用是什么？</h1>


        <div class="wwads-cn wwads-horizontal" data-id="369"></div>
        <article class="markdown-body"><h2>推荐答案</h2>
<p>HTML (HyperText Markup Language) 是一种用于创建网页结构的标记语言。它不是编程语言，而是一种描述文档结构的语言，使用标签来定义内容的不同部分，如标题、段落、图像、链接等。</p>
<p>HTML 在 Web 开发中的核心作用是：</p>
<ol>
<li><strong>定义网页结构:</strong> 通过使用各种标签 (tags) 来构建网页的基本框架，包括头部 (header)、导航 (navigation)、主体 (main)、侧边栏 (sidebar) 和页脚 (footer) 等。</li>
<li><strong>呈现内容:</strong>  HTML 标签用于标记文本、图片、视频等各种内容，浏览器会根据这些标签来正确渲染页面，展示给用户。</li>
<li><strong>创建链接:</strong> 使用 <code>&lt;a&gt;</code> 标签可以创建链接，实现页面之间的跳转，构成完整的 Web 站点导航。</li>
<li><strong>嵌入多媒体:</strong> HTML 支持通过 <code>&lt;video&gt;</code>、<code>&lt;audio&gt;</code> 和 <code>&lt;img&gt;</code> 等标签嵌入视频、音频和图片等多媒体内容。</li>
<li><strong>构建表单:</strong> 使用 <code>&lt;form&gt;</code> 标签可以创建用户表单，用于收集用户输入的数据。</li>
</ol>
<h2>本题详细解读</h2>
<h3>HTML 的概念</h3>
<p>HTML 全称是 <strong>HyperText Markup Language</strong>，中文翻译为“超文本标记语言”。</p>
<ul>
<li><strong>HyperText (超文本):</strong> 指的是包含指向其他文本或媒体链接的文本。它打破了传统线性文本的限制，允许用户通过链接跳转到其他相关内容。</li>
<li><strong>Markup Language (标记语言):</strong>  使用一组预定义的标签（tags）来标记文本，告诉浏览器如何解释和显示内容。与编程语言不同，标记语言不执行计算或逻辑操作，而是描述数据的结构和外观。</li>
</ul>
<h3>HTML 的作用</h3>
<p>HTML 是构建 Web 应用程序的基础，其在 Web 开发中的作用主要体现在以下几个方面：</p>
<ol>
<li><p><strong>构建网页骨架:</strong> HTML 提供了一组语义化的标签，允许开发者创建清晰、有组织的网页结构。例如，<code>&lt;h1&gt;</code> 到 <code>&lt;h6&gt;</code> 用于标题，<code>&lt;p&gt;</code> 用于段落，<code>&lt;ul&gt;</code> 和 <code>&lt;li&gt;</code> 用于无序列表，<code>&lt;ol&gt;</code> 和 <code>&lt;li&gt;</code> 用于有序列表，<code>&lt;div&gt;</code> 和 <code>&lt;span&gt;</code> 用于创建内容容器等。通过合理地使用这些标签，可以有效地组织网页内容。</p>
</li>
<li><p><strong>内容呈现:</strong> HTML 标签负责标记网页中的各种内容，包括文本、图像、视频、音频等。浏览器会根据 HTML 标签的指示，将内容正确地渲染到页面上，供用户浏览。例如，<code>&lt;img&gt;</code> 用于显示图片，<code>&lt;video&gt;</code> 用于播放视频，<code>&lt;a&gt;</code> 用于创建链接。</p>
</li>
<li><p><strong>页面导航:</strong> 通过使用 <code>&lt;a&gt;</code> 标签及其 <code>href</code> 属性，HTML 可以创建链接，将用户引导到其他页面或网站。这些链接构成了 Web 站点的导航系统，使用户能够方便地在不同的页面之间跳转。</p>
</li>
<li><p><strong>多媒体嵌入:</strong> HTML 允许开发者在页面中嵌入各种多媒体内容，包括图片、音频和视频。通过使用 <code>&lt;img&gt;</code>、<code>&lt;audio&gt;</code> 和 <code>&lt;video&gt;</code> 等标签，可以丰富网页内容，提高用户体验。</p>
</li>
<li><p><strong>用户交互:</strong> HTML 提供 <code>&lt;form&gt;</code> 标签，允许开发者创建交互式表单。表单可以包含各种输入字段，如文本框、复选框、单选按钮等，用于收集用户输入的信息。</p>
</li>
</ol>
<h3>HTML 的工作原理</h3>
<p>当用户在浏览器中访问一个网页时，浏览器会：</p>
<ol>
<li><strong>下载 HTML 文件:</strong> 从服务器获取 HTML 文件。</li>
<li><strong>解析 HTML 文件:</strong> 将 HTML 文件解析成 DOM (Document Object Model) 树，这是一种用于表示 HTML 文档结构的树形结构。</li>
<li><strong>渲染 DOM 树:</strong> 根据 DOM 树中的信息，结合 CSS (Cascading Style Sheets，用于控制样式) 和 JavaScript (用于增加交互) 来渲染页面，最终呈现给用户。</li>
</ol>
<p>HTML 本身不负责页面的样式和交互，这些分别由 CSS 和 JavaScript 来完成，但 HTML 是构建网页结构和内容的基石。</p>
</article>
        <div class="wwads-cn wwads-horizontal" data-id="369"></div>
        <div class="flex justify-end mt-8 pt-8 border-t space-x-4">
            <a href="/interview-html/677ca9978b8a233caf4d648a.html" class="text-gray-500 hover:text-blue-800" title="HTML5 与 HTML4 的主要区别是什么？列举一些 HTML5 的新特性。" >HTML5 与 HTML4 的主要区别是什么？列举一些 HTML5 的新特性。 &rarr; </a>
        </div>

        
  <div class="fixed right-3 bottom-4 text-xs cursor-pointer text-slate-400">
    <div class="text-center mb-4" id="back-to-top">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
      </svg>
    </div>
    <div id="issues_open">纠错<br/>反馈</div>
  </div>
  <dialog id="favDialog" class="w-96 rounded p-5 shadow-lg" hidden>
    <div>
      <h4 class="text-xl font-medium mb-4">纠错反馈</h4>
      <div>
        <div class="mb-4">
          <textarea 
            rows="6"
            class="w-full px-3 py-2 border rounded-md" 
            name="content" 
            placeholder="纠错反馈内容* " 
            required
          ></textarea>
        </div>
        <div class="mb-4">
          <input class="w-full px-3 py-2 border rounded-md" name="email" type="email" placeholder="您的邮箱，便于我们回信" />
        </div>
        <div class="flex justify-between">
          <button class="w-28 h-9 rounded text-white bg-blue-500" id="issues_submit" data-id="677ca98d8b8a233caf4d63f3">提交</button>
          <button class="w-28 h-9 border rounded" id="issues_cancel">取消</button>
        </div>
      </div>
    </div>
  </dialog>

      </section>
    </div>

    
    <div class="lg:w-52 space-y-8">
      <div class="sticky top-16">
        <div class="space-y-4">
  <a href="/" class="block" title="程序员教程">
    <div class="bg-gray-100 hover:bg-gray-200 rounded-lg p-4">
      <h3 class="text font-medium text-gray-700 mb-2">程序员教程</h3>
      <p class="text-sm text-gray-600">精选优质教程，助你快速提升技术实力</p>
    </div>
  </a>
  <a href="/interview/" class="block" title="程序员面试题库">
    <div class="bg-gray-100 hover:bg-gray-200 rounded-lg p-4 mb-4">
      <h3 class="text font-medium text-gray-700 mb-2">程序员面试题库</h3>
      <p class="text-sm text-gray-600">海量优质面试题，助你轻松应对技术面试</p>
    </div>
  </a>
</div>
      </div>
    </div>
    
</div>

<footer class="bg-gray-100 border-t mt-10">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <nav class="mb-8" aria-label="Footer navigation">
      <ul class="flex justify-center space-x-8">
        <li>
          <a href="/rss" class="text-gray-500 hover:text-gray-900 text-sm font-medium">RSS</a>
        </li>
        <li>
          <a href="/archives/" class="text-gray-500 hover:text-gray-900 text-sm font-medium">归档</a>
        </li>
        <li>
          <a href="/disclaimer" class="text-gray-500 hover:text-gray-900 text-sm font-medium">免责声明</a>
        </li>
      </ul>
    </nav>
    <div class="text-center">
      <p class="text-gray-500 text-sm">© 2014-2025 · V7.5.7 · <a class='has-text-grey' rel='nofollow' target='_blank' href='https://beian.miit.gov.cn'>鄂ICP备2024073353号-1</a></p>
    </div>
  </div>
</footer>


  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?ad0fc85c271a04e60d3daf2eb6e77ab0";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</body>
</html>
